<template>
  <div class="work">
    <h1>{{ msg }}</h1>
  </div>
</template>
<script lang="ts">
 
import { Options, prop, Vue } from "vue-class-component";
import { defineComponent,ref, reactive ,watchEffect,watch} from "vue";
import { useInfoStoreWithOut } from '@/store/modules/user';

export default defineComponent({
  props: {
    msg!: {
      type:String,
      default: "天空"
    },
    info: String
  },
  data(){
    console.log(this.msg)
  },
setup: (props, context) => {
  console.log("setup ok!");
  
  const userStore = useInfoStoreWithOut();
  

  const returnInfo = reactive({
    msg: userStore.$state.accessToken,
    info: props.info
  })
  return returnInfo;
},
})
</script>